<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
		<meta charset="UTF-8">
		<!--框架开始-->
		<script type="text/javascript" src="../../skin/js/public.js"></script>
		<script type="text/javascript" src="../../js/gover/userInfo.js"></script>
		<script type="text/javascript" src="../../skin/js/validate.js"></script>
	</head>

	<body id="vue_info">
		<!--头部-->
		<div class="yl-head">
			<div class="logo"></div>
		</div>

		<div class="yl-container">
			<div class="yl-container-l" id="left">
			</div>
			<div class="yl-container-r">
				<div class="yl-title1">登录</div>
				<div class="login-imgallbox cl">
					<!--<div class="f_l login-imgbox"><img :src="Front" width="100%" height="100%" border="0" alt=""></div>
					<div class="f_l"><img :src="Back" width="100%" height="100%" border="0" alt=""></div>-->
					<div class="f_l login-imgbox">
						<div class="zfz_img zfz_img1">
							<div class="cl"><span class="title">姓名</span><span class="info4">{{dto.name}}</span></div>
							<div class="cl"><span class="title">性别</span><span class="info1">{{dto.sex}}</span><span class="title title1">民族</span><span class="info1">{{dto.nation}}</span></div>
							<div class="cl"><span class="title">出生</span><span class="info3">{{dto.birthday}}</span></div>
							<div class="cl"><span class="title">住址</span><span class="info3">{{dto.address}}</span></div>
							<div class="cl"><span class="title">证件号码</span><span class="info4">{{dto.cardNum}}</span></div>
							<div class="per_img">
								<img :src="Head">
							</div>
						</div>
					</div>
					<div class="f_l">
						<div class="zfz_img zfz_img2">
							<div><span class="title">发证机关</span><span class="info4">{{dto.issued}}</span></div>
							<div><span class="title">有效期限</span><span class="info4">{{dto.life}}</span></div>
						</div>
					</div>
				</div>
				<form class="form form_horizontal" id="form1">
					<div class="form-box2" style="height: 390px;">
						<div class="form-item">
							<div class="row cl">
								{{welcome}}
							</div>
						</div>
						<div class="form-item">
							<div class="row cl">
								<label class="form_label col_2">手机号码:</label>
								<div class="formControls col_5" v-if="oldUser!=1">
									<input id="myphone"  class="input_text" autocomplete="off"  type="text" placeholder="请输入您的手机号" style="width:300px;" v-model='dto.mobile' value="{{dto.mobile}}" maxlength="11" @click="setM()" />
								</div>
								<div class="formControls col_5" v-else="">
									{{dto.mobile}}
								</div>
							</div>
						</div>
						<div class="form-item">
							<div class="row cl">
								<label class="form_label col_2">验证码：</label>
								<div class="formControls col_5">
									<input id="myinput" class="input_text" autocomplete="off" value="" type="text" placeholder="请输入验证码" style="width:150px;" maxlength="6"  @click="setS()"/>
									<input class="btn btn_primary radius m_scole btn3" type="button" id="validation-btn" value="获取动态验证码" @click="validation()" />
								</div>
							</div>
						</div>
					</div>
					<!--计算器-->
					<div class="calculator-box">
						<div class="calculator-border">
							<div class="query_btns">
								<a class="btn" value="7">7</a>
								<a class="btn" value="8">8</a>
								<a class="btn" value="9">9</a>
								<a class="btn" value="4">4</a>
								<a class="btn" value="5">5</a>
								<a class="btn" value="6">6</a>
								<a class="btn" value="1">1</a>
								<a class="btn" value="2">2</a>
								<a class="btn" value="3">3</a>
								<a class="btn btn2" value="clear">清空</a>
								<a class="btn" value="0">0</a>
								<a class="btn btn2" value="del">删除</a>
							</div>
						</div>
					</div>
					<div class="form_tip_box clearfix"><i class="fa fa-info-circle"></i> <span></span></div>
					<div class="btn-box1 btn-box2">
						<button class="btn btn_secondary radius btn2 m_scole mr_10" type="button" @click="toReturn()">重新扫描</button>
						<button class="btn btn_primary radius btn2 m_scole" type="button" @click="toProject()">登录</button>
					</div>
				</form>
			</div>
		</div>

	</body>

</html>